import React from 'react';
import Tab from '../SalesPortal/table';
import { Button, Input } from 'antd';
import './index.css';
export default function index() {
  const { Search } = Input;
  return (
    <div className="xiutoptable">
      <Button className="user_btn">过滤</Button>
      <Button className="user_btn">还原</Button>
      <Button className="user_btn">打印</Button>
      <Button className="user_btn">查看日志</Button>
      <Button className="user_btn">导出</Button>
      <div style={{ marginTop: '20px' }}>
        <span style={{ marginLeft: '15px' }}>关联项目</span>
        <Input style={{ width: '9%', marginLeft: '10px' }}></Input>
        <span style={{ marginLeft: '15px' }}>合同名称</span>
        <Search style={{ width: '15%', marginLeft: '10px' }}></Search>
        <span style={{ marginLeft: '15px' }}>客户名称</span>
        <Search style={{ width: '15%', marginLeft: '10px' }}></Search>
        <span style={{ marginLeft: '15px' }}>销售人员</span>
        <Search style={{ width: '15%', marginLeft: '10px' }}></Search>
        <span style={{ marginLeft: '15px' }}>发货状态</span>
        <Input style={{ width: '9%', marginLeft: '10px' }}></Input>
      </div>
      <div style={{ marginTop: '20px' }}>
        <span style={{ marginLeft: '15px' }}>出库状态</span>
        <Input style={{ width: '9%', marginLeft: '10px' }}></Input>
        <Button className="user_btn">查询</Button>
      </div>
      <h1>销售利润统计表（从合同取数、按合同统计）</h1>
      <Tab></Tab>
    </div>
  );
}
